#sponsors
  text-align: center
  padding: 35px 40px 45px
  background-color: #f6f6f6
  .inner
    max-width: 700px
    margin: 0px auto
  h3
    color: #999
    margin: 0 0 10px
  a
    margin: 20px 15px 0
    position: relative
    display: inline-block
    &.sponsor
      width: 100px
      height: 60px
      line-height: 60px
  img
    max-width: 100%
    max-height: 100%
    vertical-align: middle
    transition: all .3s ease
    filter: grayscale(100%)
    opacity: 0.66
    &:hover
      filter: none
      opacity: 1
  a.vip
    display: block
    margin: 30px auto 15px
    width: 200px
    height: auto
  .become-sponsor
    margin-top: 40px
    font-size: .9em
    font-weight: 700
    width: auto
    background-color: transparent

  .open-collective-sponsors
    margin-top 60px
    a, img
      width: auto
      max-width: 100px
      max-height: 60px
    h4
      color #999
      margin-bottom 0
  &.active
    img
      filter: none
      opacity: 1

// start: special logic for cn
#special
  .become-backer
    color: $green
    border: 1px solid $green
    border-radius: 2em
    display: inline-block
    color: $green
    font-size: .8em
    width: 125px
    padding: 4px 0
    text-align: center
    margin: 20px 0 0
  .description
    margin: 20px 0
  .description:hover
    color: $green
// end: special logic for cn
